<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="FE个人博客">
    <meta name="description" content="FE个人博客-可定制的个人博客系统">
    <meta name="author" content="AzriKxs,995586226@qq.com China">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="ie-stand">
    <title>FE个人博客-文章页面</title>
    <link rel="stylesheet" href="./css/article.css">
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./js/editor.md/css/editormd.preview.min.css">
    <link rel="stylesheet" href="./font/font-awesome-4.7.0/css/font-awesome.min.css">
</head>

<body>

    <!-- S 导航栏 -->
    <nav class="nav">
        <div class="nav_content">
            <div class="nav_content_title">
                <h1><a href="index.html" id="index_title">FE小组博客</a></h1>
            </div>
            <div class="nav_content_search">
               <!--  <div class="search_frame">
                    <input type="text" placeholder="输入文章的标题进行搜索" name="" id="search_input">
                    <a href=""><i class="fa fa-search"></i></a>
                </div> -->
            </div>
            <div class="nav_content_menu">
                <ul class="menu_frame">
                    <li class="menu_checked"><a href="index.html"><i class="fa fa-home "></i>主页</a></li>
                    <li><a href="category.html"><i class="fa fa-folder-open"></i> 分类</a></li>
                    <li><a href="tags.html"><i class="fa fa-tags"></i>标签</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- E 导航栏 -->


    <!-- S 主体区域 -->
    <div class="content">
        <div class="container">
            <div class="article_frame">
                <div class="article_title">
                    <h2 id="set_title"></h2>
                </div>
                <div class="article_info">
                    <p>
                        发表时间：<span class="time"></span> |
                        最后更新时间：<span class="update"></span> |
                        分类：<span class="field"></span>
                    </p>
                </div>
                <div class="article_content">

                </div>
                <div class="article_footer">
                    <div class="article_footer_top">
                        <i class="fa fa-book"></i>文章信息
                     </div>
                     <div class="article_footer_info">
                         <p>作者：<span class="author"></span></p>
                         <p>发布日期：<span class="time"></span></p>
                         <p>分类：<span class="field"></span></p>
                         <p>标签：<span class="tags"></span></p>
                         <p>版权申明：本作品著作权归 <span class="author"></span> 所有，未经允许不得转载</p>
                     </div>
                </div>
                <hr>
                <div class="article_comment">
                    <h4>评论</h4>
                   <div class="article_comment_frame">
                     <textarea name="comment_content" placeholder="在此处发表评论，请注意遵守道德与法律，网络不是法外之地" required id="comment"></textarea>
                     <div class="comment_btn">
                         点击发表
                     </div>
                   </div>
                   <ul class="comment_list">
                       
                   </ul>
                   <div id="commentPage"></div>
                </div>
            </div>
        </div>
    </div>

    <!-- E 主体区域 -->
    <footer class="page_footer"></footer>
    <!-- E content -->
    <div class="load_cover">
        <div class="rotate"><i class="fa fa-spinner"></i></div>
        <p>正在加载</p>
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/layui/layui.js"></script>
    <script src="./js/article.js"></script>
</body>

</html>